/deep/ .contentWrap {
  background: white;
  height: 50vh;
  overflow: auto;
  padding: 0 5px;

  &.contentPage {
    height: 80vh;
  }

  h1 {

  }
  h2 {
    padding: 20px 0 10px;
  }
  h3 {
    padding: 20px 0 10px;
  }
  img {
    width: auto !important;
    height: auto !important;
    max-width: 50%;
  }

  pre {
    padding: 0 20px;
    margin: 20px 0;
    border-left: 16px solid rgb(221, 223, 228);
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    overflow: auto;
  }

  & > blockquote {
    border-left: 16px solid rgb(221, 223, 228);
    background: rgb(238, 240, 244);
    padding: 0 20px;
    margin: 20px 0;
  }
}

// 掘金的代码样式
/deep/ .contentWrap {
  .markdown-body pre, .markdown-body pre > code.hljs {
    color: #333;
    background: #f8f8f8
  }
  .hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic
  }
  .hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #333;
    font-weight: 700
  }
  .hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
    color: teal
  }
  .hljs-doctag, .hljs-string {
    color: #d14
  }
  .hljs-section, .hljs-selector-id, .hljs-title {
    color: #900;
    font-weight: 700
  }
  .hljs-subst {
    font-weight: 400
  }
  .hljs-class .hljs-title, .hljs-type {
    color: #458;
    font-weight: 700
  }
  .hljs-attribute, .hljs-name, .hljs-tag {
    color: navy;
    font-weight: 400
  }
  .hljs-link, .hljs-regexp {
    color: #009926
  }
  .hljs-bullet, .hljs-symbol {
    color: #990073
  }
  .hljs-built_in, .hljs-builtin-name {
    color: #0086b3
  }
  .hljs-meta {
    color: #999;
    font-weight: 700
  }
  .hljs-deletion {
    background: #fdd
  }
  .hljs-addition {
    background: #dfd
  }
  .hljs-emphasis {
    font-style: italic
  }
  .hljs-strong {
    font-weight: 700
  }
}

